<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.1/css/sm.min.css">
    <link type="text/css" rel="stylesheet" href="css/reset.css">
    <link type="text/css" rel="stylesheet" href="css/base.css">
    <script type='text/javascript' src="js/jquery-1.11.3.min.js"></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.1/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src="js/base.js"></script>
    <title>首页</title>
</head>
<body>
<div class="content" id="page_detail">
    <div class="main_photo">
        <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_300x300q60.jpg">
    </div>
    <div class="message">
        <ul>
            <li><span class="icon icon-clock"></span>上课时间：2016.01.15 19:20-20:00</li>
            <li><span class="icon icon-me"></span>教练：Peter</li>
            <li><span class="icon icon-home"></span>教室：A教室</li>
            <li><span class="icon icon-download"></span>课程：热瑜伽</li>
            <li><span class="icon icon-emoji"></span>难度：一般</li>
            <li><span class="icon icon-edit"></span>语言：双语</li>
        </ul>
    </div>
    <div class="introduce">
        <span class="heading">课程介绍:</span>
        热瑜伽
    </div>
    <div class="evaluate">
        <span class="heading">评价：</span>
        <ul>
            <li class="list">
                <div class="user">
                    <span class="username">张三</span>
                    <span>2016-01-15</span>
                    <span class="star">
                        <ul class="left">
                            <li><img src="images/2.png" style="width: 14px"></li>
                            <li><img src="images/2.png" style="width: 14px"></li>
                            <li><img src="images/2.png" style="width: 14px"></li>
                            <li><img src="images/2.png" style="width: 14px"></li>
                            <li><img src="images/2.png" style="width: 14px"></li>
                        </ul>
                    </span>
                </div>
                <div class="word">课程很好！！！</div>
            </li>
        </ul>
    </div>
    <footer><a href="oder.html">预约选位</a></footer>
</div>
</body>
</html>